<template>
	<view class="service">
		<image src="/static/bg/cleaner.png"></image>
		<view class="btn1" @tap="btn1"></view>
		<view class="btn2" @tap="btn2"></view>
		<view class="btn3" @tap="btn1"></view>
		<view class="btn4" @tap="btn4"></view>
		<view class="back" @tap="back"></view>
	</view>
</template>

<script>
	export default {
		methods: {
			back(){
				uni.navigateBack({
					delta: 1
				});
			},
			btn1(){
				/**
				 * 设置
				 */
				uni.navigateTo({
					url: '/pages/user/set/index',
				});
			},
			btn2(){
				/**
				 * 专业培训
				 */
				uni.navigateTo({
					url: '/pages/cleaner/service/trainer',
				});
			},
			btn4(){
				/**
				 * 保险
				 */
				uni.navigateTo({
					url: '/pages/cleaner/service/insurance',
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
.service{
	position: relative;
	.back{
		width: 30upx;
		height: 40upx;
		position: fixed;
		left: 20upx;
		top: 60upx;
	}
	image{
		width: 750upx;
		height: 2506upx;
	}
	.btn1{
		position: absolute;
		top: 600upx;
		left: 24upx;
		width: 400upx;
		height: 200upx;
	}
	.btn2{
		position: absolute;
		top: 1800upx;
		right: 24upx;
		width: 400upx;
		height: 200upx;
	}
	.btn4{
		position: absolute;
		top: 1400upx;
		left: 24upx;
		width: 400upx;
		height: 200upx;
	}
	.btn3{
		position: absolute;
		top: 2200upx;
		left: 24upx;
		width: 400upx;
		height: 200upx;
	}
}
</style>
